alert("点击logo可返回主页面")
$.get("../js/hoome.json", function(data) {
		//data  代表成功的时候，所得到的数据（内容）
		//for循环 获取类型数据
		for (var i = 0; i < data.length; i++) {
			//获取头部导航数据
			var navObj = data[0];
		}
		//for in 循环获取其内部各导航名
		for (var key in navObj) {
			//获取各个导航名  key 判断 因为每个导航内部样式不同所以 判断
			//生成导航
			if (key == "headline") {
				var navarr = navObj[key]
					//获取到导航个数
				for (var u = 0; u < navarr.length; u++) {
					//获取到每个导航信息
					var navs = navarr[u];
					//创建装载信息的节点
					var li = $("<li class='initial'></li>")
						//每个节点信息不同循环
						//为创建的接点填信息
					if (u == 0) {
						li.html("<a href='" + navs.menuTarge + "'><div id='logo'></div></a>")

					} else {
						li.html("<a href='" + navs.menuTarge + "'>" + navs.menuName + "<i></i></a>")
					}
					$(".nav1").append(li)
				}
			}
			if (key == "xilei") {
				var xl = navObj[key]; //定义系列对象
				//循环系列内部内容 分别放入创建的节点
				for (var j = 0; j < xl.length; j++) {
					var xlObj = xl[j]; //代表每个系列中的单独信息
					//创建节点
					var xldiv = $("<div class='colL5 lboder'></div>")
					xldiv.html("<p><img src='" + xlObj.p + "'/></p><p><a href='" + xlObj.menuTarg + "'>" + xlObj.p1 + "</a></p>")
						//将创建好的节点放入指定盒子中	 
					$(".ls5").append(xldiv)
				}
			}
			if (key == "gengduo") {
				var gd = navObj[key]; //定义系列对象
				//循环更多内部内容 分别放入创建的节点
				for (var j = 0; j < gd.length; j++) {
					var gdObj = gd[j]; //代表每个更多中的单独信息
					//创建节点
					var gddiv = $("<div class='colL6 lboder'><p><a href='" + gdObj.menuTarge + "'><img src='" +
							gdObj.p + "' /></p></a></div>")
						//将创建好的节点放入指定盒子中	 
					$(".ls6").append(gddiv)
				}
			}
			if (key == "weide") {
				var wd = navObj[key]; //定义系列对象
				//获取出列表中的各类
				for (var j = 0; j < wd.length; j++) {
					var wdObj = wd[j]; //获取的是每个类的对象  其中又分多个项
					//思路这些项装在一个div 中所以创建节点
					//又因为每个样式不同判
					if (j == 0) {
						var wddiv = $("<div class='colL3 lboder'></div>")
					} else {
						var wddiv = $("<div class='colL3'></div>")
					}
					//创建类 的标题
					var wdH4 = $("<h2></h2>");
					wdH4.html("<a style='color:red' href='" + wdObj.menuTarge + "'>" + wdObj.H2 + "</a>")
						//将其放入div内
					wddiv.append(wdH4)
						//获取项
					var wdX = wdObj.op
						//创建结束后再向每个类中放入项； 项有多个循环便利
					for (var k = 0; k < wdX.length; k++) {
						//创建类  因类也个不相同判断
						var wdp = wdX[k]; //设置的项
						//创建p
						if (wdp.jj == "kk") {
							k == wdX.length - 1
							var wdpt = $("<p></p>");
							wdpt.html("<p class='ptop'><b>" + wdp.p + "</b><i></i></p>")
							wddiv.append(wdpt)
						} else {
							if (wdp.cc == "aa") {
								var wdpt = $("<p></p>");
								wdpt.html("<p><i>" + wdp.p + "</i></p>")
								wddiv.append(wdpt)
							} else {
								var wdpt = $("<p></p>");
								wdpt.html("<p>" + wdp.p + "</p>")
								wddiv.append(wdpt)
							}
						}
					}
					$(".lsw").append(wddiv)
				}
			}
			if (key == "nv") {
				var nv = navObj[key]; //定义系列对象
				//获取出列表中的各类
				for (var j = 0; j < nv.length; j++) {
					var nvObj = nv[j]; //获取的是每个类的对象  其中又分多个项
					//思路这些项装在一个div 中所以创建节点
					//又因为每个样式不同判
					if (j == 0) {
						var nvdiv = $("<div class='colL3 lboder'></div>")
					} else {
						var nvdiv = $("<div class='colL3'></div>")
					}
					//创建类 的标题
					var nvH4 = $("<h2></h2>");
					nvH4.html("<a style='color:red' href='" + nvObj.menuTarge + "'>" + nvObj.H2 + "</a>")
						//将其放入div内
					nvdiv.append(nvH4)
						//获取项
					var nvX = nvObj.op
						//创建结束后再向每个类中放入项； 项有多个循环便利
					for (var k = 0; k < nvX.length; k++) {
						//创建类  因类也个不相同判断
						var nvp = nvX[k]; //设置的项
						//创建p
						if (nvp.jj == "kk") {
							k == nvX.length - 1
							var nvpt = $("<p></p>");
							nvpt.html("<p class='ptop'><b>" + nvp.p + "</b><i></i></p>")
							nvdiv.append(nvpt)
						} else {
							if (nvp.cc == "aa") {
								var nvpt = $("<p></p>");
								nvpt.html("<p><i>" + nvp.p + "</i></p>")
								nvdiv.append(nvpt)
							} else {
								var nvpt = $("<p></p>");
								nvpt.html("<p>" + nvp.p + "</p>")
								nvdiv.append(nvpt)
							}
						}
					}
					$(".lsn").append(nvdiv)
				}
			}
			if (key == "leitu") {
				var lt = navObj[key]; //定义系列对象
				//获取出列表中的各类
				for (var j = 0; j < lt.length; j++) {
					var ltObj = lt[j]; //获取的是每个类的对象  其中又分多个项
					//思路这些项装在一个div 中所以创建节点
					//又因为每个样式不同判
					if (j == 0) {
						var ltdiv = $("<div class='colL3 lboder'></div>")
					} else {
						var ltdiv = $("<div class='colL3'></div>")
					}
					//创建类 的标题
					var ltH4 = $("<h2></h2>");
					ltH4.html("<a style='color:red' href='" + ltObj.menuTarge + "'>" + ltObj.H2 + "</a>")
						//将其放入div内
					ltdiv.append(ltH4)
						//获取项
					var ltX = ltObj.op
						//创建结束后再向每个类中放入项； 项有多个循环便利
					for (var k = 0; k < ltX.length; k++) {
						//创建类  因类也个不相同判断
						var ltp = ltX[k]; //设置的项
						//创建p
						if (ltp.jj == "kk") {
							k == ltX.length - 1
							var ltpt = $("<p></p>");
							ltpt.html("<p class='ptop'><b>" + ltp.p + "</b><i></i></p>")
							ltdiv.append(ltpt)
						} else {
							if (ltp.cc == "aa") {
								var ltpt = $("<p></p>");
								ltpt.html("<p><i>" + ltp.p + "</i></p>")
								ltdiv.append(ltpt)
							} else {
								var ltpt = $("<p></p>");
								ltpt.html("<p>" + ltp.p + "</p>")
								ltdiv.append(ltpt)
							}
						}
					}
					$(".lsl").append(ltdiv)
				}
			}
			//创建男子
			if (key == "man") {
				var man = navObj[key]; //定义系列对象
				//获取出列表中的各类
				for (var j = 0; j < man.length; j++) {
					var manObj = man[j]; //获取的是每个类的对象  其中又分多个项
					//思路这些项装在一个div 中所以创建节点
					//又因为每个样式不同判
					if (j == 0) {
						var mandiv = $("<div class='colL3 lboder'></div>")
					} else {
						var mandiv = $("<div class='colL3'></div>")
					}
					//创建类 的标题
					var manH4 = $("<h2></h2>");
					manH4.html("<a style='color:red' href='" + manObj.menuTarge + "'>" + manObj.H2 + "</a>")
						//将其放入div内
					mandiv.append(manH4)
						//获取项
					var manX = manObj.op
						//创建结束后再向每个类中放入项； 项有多个循环便利
					for (var k = 0; k < manX.length; k++) {
						//创建类  因类也个不相同判断
						var manp = manX[k]; //设置的项
						//创建p
						if (manp.jj == "kk") {
							k == manX.length - 1
							var manpt = $("<p></p>");
							manpt.html("<p class='ptop'><b>" + manp.p + "</b><i></i></p>")
							mandiv.append(manpt)
						} else {
							if (manp.cc == "aa") {
								var manpt = $("<p></p>");
								manpt.html("<p><i>" + manp.p + "</i></p>")
								mandiv.append(manpt)
							} else {
								var manpt = $("<p></p>");
								manpt.html("<p>" + manp.p + "</p>")
								mandiv.append(manpt)
							}
						}
					}
					$(".lsm").append(mandiv)
				}
			}
			//创建所有 商品
			if (key == "soyou") {
				//获取所有商品集合
				var sy = navObj[key];
				//获取结合后 起浓分三层
				//分类 上部信息
				var sys = sy[0];
				//上部信息循环便利获取其中的信息
				for (var j = 0; j < sys.length; j++) {
					var sysObj = sys[j]; //获取的是每个类的对象  其中又分多个项
					//思路这些项装在一个div 中所以创建节点
					//又因为每个样式不同判
					if (j == 0) {
						var sysdiv = $("<div class='colL3 lboder'></div>")
					} else {
						var sysdiv = $("<div class='colL3'></div>")
					}
					//创建类 的标题
					var sysH4 = $("<h2></h2>");
					sysH4.html("<a style='color:red' href='" + sysObj.menuTarge + "'>" + sysObj.H2 + "</a>")
						//将其放入div内
					sysdiv.append(sysH4)
						//获取项
					var sysX = sysObj.op
						//创建结束后再向每个类中放入项； 项有多个循环便利
					for (var k = 0; k < sysX.length; k++) {
						//创建类  因类也个不相同判断
						var sysp = sysX[k]; //设置的项
						//创建p
						if (sysp.jj == "kk") {
							k == sysX.length - 1
							var syspt = $("<p></p>");
							syspt.html("<p class='ptop'><b>" + sysp.p + "</b><i></i></p>")
							sysdiv.append(syspt)
						} else {
							if (sysp.cc == "aa") {
								var syspt = $("<p></p>");
								syspt.html("<p><i>" + sysp.p + "</i></p>")
								sysdiv.append(syspt)
							} else {
								var syspt = $("<p></p>");
								syspt.html("<p>" + sysp.p + "</p>")
								sysdiv.append(syspt)
							}
						}
					}
					$(".lss").append(sysdiv)
				}
				//中部信息
				var syz = sy[1];
				//for循环便利信息
				for (var m = 0; m < syz.length; m++) {
					//创建节点
					var li = $("<li></li>");
					//节点的内容
					li.html("<p><img src='" + syz[m] + "' </p>");
					//放入相应的节点
					$(".rec-box").append(li)
				}
				//下部信息
				var syx = sy[2];
				for (var b = 0; b < syx.length; b++) {
					//创建节点
					var span = $("<span></span>")
					span.html("<img src='" + syx[b] + "' />")
					$(".Link").append(span)
				}
			}
			//加载完成执行事件
			/***********************************导航移入效果*****************************/
			//思路 首先 移入li后其背景色改变并且字体颜色改变 下角标
			//路径改变变白
			//	移入其中触发 信息效果
			var indexx
			$("#nav").hover(function() {
				//移入li 变色
				$(".initial").mouseover(function() {
					indexx = $(this).index()
					$(this).addClass("liactive").siblings().removeClass("liactive")
						//切换角标色
					$(this).children().children("i").css({
							background: "url(../img/index-img/global.png) -173px -14px"
						})
						//切换角标色
					$(this).siblings().children().children("i").css({
							background: "url(../img/index-img/global.png) -166px -14px"
						})
						//显示隐藏 导航
					var inde = $(this).index();
					$(".list").siblings(".list").css({
						display: "none"
					})
					$(".list").eq(inde).css({
						display: "block"
					})
				})
			}, function() {
				$(".list").siblings(".list").css({
					display: "none"
				})
				$(".initial").eq(indexx).removeClass("liactive")
			})
		}
	})
	/***************************导航跟随事件******************************/
$(window).scroll(function() {
		//获取当前鼠标距离上方距离
		var top = $(window).scrollTop();
		if (top > 0) {
			$("#box1").css({
				position: "fixed",
				top: 0
			})
		} else {
			$("#box1").css({
				position: ""
			})
		}

	})
	/**************************侧边导航事件*********************************************************/
	/**************************侧边导航事件*********************************************************/
	//移入  变色显示数字
var timery
$("#cnav .c-nav  ul li").hover(function() {
		//每次移入停止定时器
		clearTimeout(timery)
			//移入切换样式
		$(this).css({
			background: "crimson"
		})
		$(this).find(".top-i").css({
			display: "none"
		}).siblings(".bt-z").css({
			display: "block"
		})
		if ($(this).index() == 6) {
			$(".wm").css({
					display: "block"
				})
				//延时定时器 4秒后自动消失
			timery = setTimeout(function() {
				$(".wm").css({
					display: "none"
				})
			}, 3000)
		}
	}, function() {
		//移出切换样式 
		$(this).css({
			background: "#020202"
		})
		$(this).find(".top-i").css({
			display: "block"
		}).siblings(".bt-z").css({
			display: "none"
		})
		if ($(this).index() == 6) {
			timery = setTimeout(function() {
				$(".wm").css({
					display: "none"
				})
			}, 3000)
		}
	})
	//点击事件
var tmerx
$("#cnav .c-nav  ul li").click(function() {
		clearTimeout(this.tmerx)
		$(this).children(".yin").css({
			display: "block"
		})
		var that = $(this)
			//自动消失
		this.tmerx = setTimeout(function() {
				that.children(".yin").css({
					display: "none"
				})
			}, 2000)
			//关闭开启事件
		$(this).siblings("li").children(".yin").css({
				display: "none"
			})
			//关闭购物车
		$(".cart-box .cha").click()
		$(".liulan-box .cha").click()
	})
	//点击购物车事件
$('.cat-g ').click(function() {
	$(".xuan").children(".cart-box").css({
		display: "block"
	})
	$(".xuan").children(".liulan-box").css({
		display: "none"
	})
	$("#cnav").stop().animate({
		right: 0
	})
})

$('.zj').click(function() {
	$(".xuan").children(".liulan-box").css({
		display: "block"
	})
	$(".xuan").children(".cart-box").css({
		display: "none"
	})
	$("#cnav").stop().animate({
		right: 0
	})
})

//点击×事件
$(".cart-box .cha").click(function() {
	$("#cnav").stop().animate({
		right: -209 + "px"
	})
})
$(".liulan-box .cha").click(function() {
	$("#cnav").stop().animate({
		right: -209 + "px"
	})
})

/**************************回到顶部***********************************/
$(".fh").click(function() {
		$(window).scrollTop(0)
	})
	/***************************隐藏侧边***************************************/
$(".yin-c ").click(function() {
		$("#cnav").stop().animate({
			"opacity": 0
		}, function() {
			$("#cnav").css({
					display: "none",
					"opacity": 1
				})
				//显示
			$(".x-cnav").css({
				display: "block"
			})
		})
	})
	/*****************************点击出现********************/

$(".x-cnav").click(function() {
	$(".x-cnav").stop().animate({
		"opacity": 0
	}, function() {
		$(".x-cnav").css({
				"display": "none",
				"opacity": 1
			})
			//显示
		$("#cnav").css({
			"display": "block"
		})
	})
})

/******************************************购物车事件***********************************************************************/
//首先样式判断当前总数是否为0  为0 则显示 无的盒子
//cunzaifou()

//function cunzaifou(){
var cookieNum = getTotal()
if (cookieNum > 0) {
	$(".wu").css({
		display: "none"
	})
	$(".commodity-box").css({
		display: "block"
	})
} else {
	$(".wu").css({
		display: "block"
	})
	$(".commodity-box").css({
		display: "none"
	})
}
//}

//获取本地数据加载信息
var list = getGoodsList();
//console.log(list)
	//for 循环分解 信息 创建节点
for (var i = 0; i < list.length; i++) {
	//创建节点
	var ul = $('<ul pid="' + list[i].pid + '"></ul>');
	ul.html('<li class="li1">' +
		'<input type="checkbox" class="danxuan" checked="checked" />' +
		'</li>' +
		'<li class="li2">' +
		'<span><img src="' + list[i].imgsrc + '" /></span>' +
		'</li>' +
		'<li class="li3">' +
		'<span><a href="#">' + list[i].name + '</a></span>' +
		'</li>' +
		'<li class="li4">' +
		'<p>' + list[i].gueige + '<br/><i>' + list[i].cxiema + '</i></p>' +
		'</li>' +
		'<li class="li5">' +
		'<p>' +
		'¥<i class="qqq">' + list[i].xiaoshu + '</i><br />' +
		'<span>¥<i>' + list[i].yuanjia + '</i></span>' +
		'</p>' +
		'</li>' +
		'<li class="li6">' +
		'<input type="button" class="jian" value="-" />' +
		'<span>' + list[i].count + '</span>' +
		'<input type="button" class="jia" value="+" />' +
		'</li>' +
		'<li class="li7">' +
		'¥<i>' + list[i].zhekou + '</i>' +
		'</li>' +
		'<li class="li8">' +
		'¥<i>' + list[i].xiaoshu * list[i].count + '</i>' +
		'</li>' +
		'<li class="li9">' +
		'<span class="colle">收藏</span><br />' +
		'<span class="delete">删除</span>' +
		'</li>')
	$("#inbox").append(ul)

}
//改变页面上的商品总数 初始化商品数
$("#count").html(getTotal())
$("#sps").html(getTotal())
	//单选操作
$('#inbox').on("change", ".danxuan", function() {
		jisuan()
		checkAllChange()
	})
	//判断是否是全选
function checkAllChange() {
	var flag = true; //代表全部选中
	$('#inbox .danxuan').each(function(index, element) {
		if (element.checked == false) {

			flag = false;
			return false; //结束each
		}
	})
	$('.qx1')[0].checked = flag;
	$('.qx2')[0].checked = flag;
}
//全选按钮事件
$(".qx2").change(function() {
	var flag = this.checked
	$("#inbox .danxuan").each(function(index, element) {
		element.checked = flag
	})
	$('.qx1')[0].checked = flag;
	jisuan()
})

$(".qx1").change(function() {
		var flag = this.checked
		$("#inbox .danxuan").each(function(index, element) {
			element.checked = flag
		})
		$('.qx2')[0].checked = flag;
		jisuan()
	})
	//添加事件 判断当前复选按钮是否选中 是 则计算总数
jisuan()

function jisuan() {
	var cks = $("#inbox .danxuan")
	var totalPrice = 0 //商品总价
	var sePrice = 0 //选中几个商品
	var index = 0
		//找到所有选中按钮
	for (var i = 0; i < cks.length; i++) {
		if (cks[i].checked) {
			//获取他的商品价格
			var jg = Number(cks.eq(i).parents(".li1").siblings(".li8").find("i").html())
				//	 		alert( (jg))
				//获取当前省略的钱
			var sl = Number(cks.eq(i).parents(".li1").siblings(".li7").find("i").html())

			//获取当前数量
			var shul = Number(cks.eq(i).parents(".li1").siblings(".li6").find("span").html())
				//	 		alert(typeof shul)
			totalPrice += shul * jg;
			//省钱
			sePrice += sl * shul;

			index++
		}
	}
	//上传到文本中
	$('.zqian').html(totalPrice);
	$(".heji").html(totalPrice);
	$('.privilege').html(sePrice);

	$('.yxcuont').html(index);
	$('.you-n b').html(index)
	$('.you-n i').html("￥" + totalPrice)
}
/***********************点击增加商品数量******************************/
//使用委托写法
$("#inbox").on("click", ".jian", function() {
	//	alert(1)
	//获取当前值
	var currentCount = Number($(this).next().text());
	//商品减减
	currentCount--;
	if (currentCount == 0) {
		currentCount = 1
		return
	}
	//改变商品的数值
	$(this).next().text(currentCount);
	//改变商品总价
	//获取商品单价
	var price = Number($(this).parent().siblings(".li5").find(".qqq").text())
	$(this).parent().siblings(".li8").find("i").html(price * currentCount)
		//计算商品总数
	jisuan()
		//改变cookie中的商品数
		//获取商品编号
	var pid = Number($(this).parents("ul").attr("pid"));
	//	alert(pid)
	//获取商品的鞋码
	var xm = $(this).parent().siblings(".li4").find("i").text();
	//	alert(1)
	updateGoodCountById(pid, xm, -1)
		//改变页面上的商品总数
	$("#count").html(getTotal())
	$("#sps").html(getTotal())
})

$("#inbox").on("click", ".jia", function() {
	//	alert(1)
	//获取当前值
	var currentCount = Number($(this).prev().text());
	//商品减减
	currentCount++;
	if (currentCount >= 20) {
		currentCount = 20
	}
	//改变商品的数值
	$(this).prev().text(currentCount);
	//改变商品总价
	//获取商品单价
	var price = Number($(this).parent().siblings(".li5").find(".qqq").text())
	$(this).parent().siblings(".li8").find("i").html(price * currentCount)
		//计算商品总数
	jisuan()
		//改变cookie中的商品数
		//获取商品编号
	var pid = Number($(this).parents("ul").attr("pid"));
	//	alert(pid)
	//获取商品的鞋码
	var xm = $(this).parent().siblings(".li4").find("i").text();
	//	alert(1)
	updateGoodCountById(pid, xm, 1)
		//改变页面上的商品总数
	$("#count").html(getTotal())
	$("#sps").html(getTotal())
})

/*********************删除商品***************************/
$("#inbox").on("click", ".delete", function() {
	//删除当前父节点
	var ul = $(this).parents("ul")
	var pid = ul.attr('pid')
	ul.remove();
	//找到当前商品编号

	var cxiema = $(this).parent().siblings(".li4").find("i").text()
		//	alert(cxiema)
		//删除当前商品所在的cookie信息
	deleteGoodById(pid, cxiema)
		//重新规划商品总价
	jisuan()
		//改变页面上的商品总数
	$("#count").html(getTotal())
	$("#sps").html(getTotal())
		//判断是否有商品
	var cookieNum = getTotal()
	if (cookieNum > 0) {
		$(".wu").css({
			display: "none"
		})
		$(".commodity-box").css({
			display: "block"
		})
	} else {
		$(".wu").css({
			display: "block"
		})
		$(".commodity-box").css({
			display: "none"
		})
	}
})

//全部删除按钮
$(".shanchu").click(function() {
		// 	alert(1)
		var cks = $("#inbox .danxuan")
			// 	alert(cks.length)
		for (var i = 0; i < cks.length; i++) {
			if (cks[i].checked) {
				//获取到选项的父集
				var ul = cks.eq(i).parents("ul")
				var pid = ul.attr('pid')
				ul.remove();
				//找到当前商品编号
				var cxiema = cks.eq(i).parent().siblings(".li4").find("i").text()
					//删除当前商品所在的cookie信息
				deleteGoodById(pid, cxiema)
					//重新规划商品总价
				jisuan()
					//改变页面上的商品总数
				$("#count").html(getTotal())
				$("#sps").html(getTotal())
			}
		}
		//判断是否有商品
		var cookieNum = getTotal()
		if (cookieNum > 0) {
			$(".wu").css({
				display: "none"
			})
			$(".commodity-box").css({
				display: "block"
			})
		} else {
			$(".wu").css({
				display: "block"
			})
			$(".commodity-box").css({
				display: "none"
			})
		}
	})
	//继续购物
$('.jixu').click(function() {
		//判断是登录 
		location.href = "index.php"
	})
	/***********************************************点击注销事件****************************************************/


